extends ../../components/layout
append style
  +css('demo/demo.css')
  style.
    .test-tab li {padding: 0  .16rem;flex: 1;overflow: auto;}
block title
  title refresh
block content
  .gzl-page
    .gzl-section
      header.demos-header
        h1.demos-title 下拉刷新
        p Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio exercitationem vel sit quo deserunt eaque blanditiis iusto odit soluta recusandae! Sint fuga odio, facilis eum est tenetur eaque enim cupiditate. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Minus nostrum ipsum, fuga numquam laudantium tenetur eum tempora et quas, voluptatibus magni doloremque tempore nihil atque incidunt maxime labore ullam vitae. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam, ad quibusdam. Eum omnis natus molestias sequi nesciunt soluta commodi, excepturi incidunt vel minima tenetur debitis iure facilis laborum molestiae facere. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Recusandae, facilis repellat quia aliquam asperiores ut provident laborum odit dicta placeat, quis necessitatibus id. Sit totam nemo, ea expedita blanditiis sapiente. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias ullam cumque eos dolorem quaerat pariatur! Consectetur hic ipsam voluptates repudiandae, quae accusantium autem aspernatur dolores numquam commodi consequuntur veritatis ullam?
append script
  script.
    require(['refresh'], function () {
      // 下拉
      $(".gzl-section").pullToRefresh(function() {
        setTimeout(function() {
          console.log(123123123)
          $(".gzl-section").pullToRefreshDone();
        }, 500);
      });
      //- $(".gzl-section").pullToRefresh().on("refresh",function () {
      //-   setTimeout(function() {
      //-     console.log(refresh)
      //-     $(".gzl-section").pullToRefreshDone();
      //-   }, 500);
      //- });
      $(".demos-title").on("click", function () {
        $(".gzl-section").pullToRefresh('refreshing')
      })
    })